<template>
  <el-select v-model="selected" clearable filterable @change="onChange">
    <el-option
      v-for="item in settlementModes"
      :key="item.value"
      :label="item.label"
      :value="item.value"
    ></el-option>
  </el-select>
</template>

<script>
export default {
  props: ["value"],
  data() {
    return {
      selected: this.value,
      settlementModes: [
        {
          value: 1,
          label: "按项目工作时间结算",
        },
        {
          value: 2,
          label: "按项目工作成果结算",
        },
        {
          value: 3,
          label: "按项目完工进度结算",
        },
        {
          value: 4,
          label: "其它方式",
        },
      ],
    };
  },
  methods: {
    onChange(e) {
      this.$emit("input", e);
    },
  },
};
</script>

<style></style>
